<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/order_details.css"/>
		<link rel="stylesheet" type="text/css" href="css/sidebar.css"/>
	</head>
	<body>
		<div class="header">
		    <div class="top">
		    	<div class="content">
		    		<div class="service">
		    			<ul>
		    			    <li>
		    				    <span>客户服务</span>
		    				    <img src="img/sanjiaoxing.png"/>
		    			    </li>
		    			    <li>
		    			    	<span>关注杰朴森商城</span>
		    			    	<img src="img/sanjiaoxing.png"/>
		    			    </li>
		    		    </ul>
		    		</div>
		    		<div class="info">
		    			<ul>
		    				<li><a href="">登录</a></li>
		    				<li><a href="">注册</a></li>
		    				<li><a href="">我的订单</a></li>
		    				<li><a href="">今日进价</a></li>
		    				<li><a href="">我的购物车（3）</a></li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <div class="center">
		    	<div class="logo">
		    		<a href="index.html"><img src="img/logo.png"/></a>
		    		<p><a href="index.html">杰朴森</a></p>
		    	</div>
		    	<div class="search">
		    		<div class="search-panel">
		    			<form action="">
		    			    <div class="sea">
		    				    <input type="search" name="" id="" value="" />
		    				    <div class="sea-hide">
		    				        <img src="img/fangdajing.png"/>
		    				         <p>搜索商品/店铺</p>	
		    				    </div>
		    			    </div>
		    			    <div class="sub">
		    				    <input type="submit" name="" id="" value="搜索" />
		    			    </div>
		    		    </form>
		    		</div>
		    		<ul>
		    			<li><a href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <div class="nav">
		    	<div class="nav-con">
		    		<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	</div>
		    	
		    </div>
		</div>
		<div class="middle">
			<div class="sidebar">
				<div class="shopping">
					<div class="title">
						<img class="icon" src="img/order_details_03.jpg"/>购物
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="shop_cart.html">我的购物车</a></li>
							<li><a href="">我的收藏</a></li>
							<li><a href="">我的预约</a></li>
							<li><a href="">我的进店预约</a></li>
						</ul>
					</div>
				</div>
				<div class="order-core">
					<div class="title">
						<img class="icon" src="img/order_details_09.jpg"/>订单中心
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a class="current" href="order.html">我的订单</a></li>
							<li><a href="comment.html">评价/晒单</a></li>
						</ul>
					</div>
				</div>
				<div class="club">
					<div class="title">
						<img class="icon" src="img/order_details_13.jpg"/>俱乐部
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="">我的会员</a></li>
							<li><a href="">我的积分</a></li>
							<li><a href="">我的卡包</a></li>
						</ul>
					</div>
				</div>
				<div class="set">
					<div class="title">
						<img class="icon" src="img/order_details_15.jpg"/>账户设置
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="">个人资料</a></li>
							<li><a href="">绑定手机</a></li>
							<li><a href="">绑定邮箱</a></li>
							<li><a href="">绑定账号</a></li>
							<li><a href="">修改密码</a></li>
							<li><a href="">地址管理</a></li>
						</ul>
					</div>
				</div>
				<div class="customer">
					<div class="title">
						<img class="icon" src="img/order_details_18.jpg"/>客户服务
						<img class="arrow" src="img/jiantou1_03.jpg"/>
					</div>
					<div class="type">
						<ul>
							<li><a href="">退换货办理</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="order-content">
				<div class="order-info">
					<dl>
						<dt>图片</dt>
						<dd><a href=""><img src="img/order_details_07.jpg"/></a></dd>
					</dl>
					<dl>
						<dt>宝贝名称</dt>
						<dd>
							<a class="baby-name" href="">瑜伽服套装女2018新款速干健身服女健身房跑步专业运动套装女上衣</a>
							<span class="baby-info">颜色分类：红色；尺寸：M</span>
						</dd>
					</dl>
					<dl>
						<dt>单价</dt>
						<dd>￥178.00</dd>
					</dl>
					<dl>
						<dt>数量</dt>
						<dd>1</dd>
					</dl>
					<dl>
						<dt>实付款</dt>
						<dd>
							<span class="price">￥178.00</span>
							<span class="freight">（含运费￥0.00）</span>
						</dd>
					</dl>
					<dl>
						<dt>交易操作</dt>
						<dd>还剩10天10时</dd>
					</dl>
				</div>
				<div class="order-logistics">
					<div class="addr">
						<ul>
							<li>运单号码：472154616479987</li>
							<li>卖家昵称：古玩店</li>
							<li>发货地址：广东省深圳市龙岗区大唐时代</li>
							<li>收货地址：广东省深圳市宝安区松岗2012</li>
							<li>物流公司：中通快递</li>
							<li>客服电话：95311</li>
						</ul>
					</div>
					<div class="logistics-info">
						<div class="package-title">
							<h3>正在派送中</h3>
						</div>
						<div class="package-status">
							<ul>
								<li>
									<span class="date">2018-03-03</span>
									<span class="week">周六</span>
									<span class="time">14:12:30</span>
									<span class="text">卖家发货</span>
								</li>
								<li>
									<span class="date">2018-03-03</span>
									<span class="week">周六</span>
									<span class="time">18:50:12</span>
									<span class="text">平阳 的 陈璐 已揽收</span>
								</li>
								<li>
									<span class="date">2018-03-03</span>
									<span class="week">周六</span>
									<span class="time">19:15:49</span>
									<span class="text">快件已从平阳发出</span>
								</li>
								<li>
									<span class="date">2018-03-03</span>
									<span class="week">周六</span>
									<span class="time">22:02:30</span>
									<span class="text">快件到达温州市中转部</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="jps-ensure">
				<ul>
					<li>
						<a class="ensure-tit" href="">优</a>
						<h2><a href="">品质保障</a></h2>
						<p><a href="">品质护航 购物无忧</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">五</a>
						<h2><a href="">五天无理由退换货</a></h2>
						<p><a href="">为你提供售后无忧保障</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">特</a>
						<h2><a href="">特色服务体验</a></h2>
						<p><a href="">为你呈现不一样的服务</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">帮</a>
						<h2><a href="">帮助中心</a></h2>
						<p><a href="">你的购物方向</a></p>
					</li>
				</ul>
			</div>
			<div class="jps-help">
				<div class="jps-public">
					<a href=""><img src="img/index_106.jpg"/></a>
					<p>杰朴森公众号</p>
				</div>
				<dl>
					<dt>商家服务</dt>
					<dd><a href="">杰朴森规则</a></dd>
					<dd><a href="">商家入驻</a></dd>
					<dd><a href="">商家中心</a></dd>
					<dd><a href="">物流服务</a></dd>
					<dd><a href="">运营服务</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">快捷支付</a></dd>
					<dd><a href="">信用卡</a></dd>
					<dd><a href="">蚂蚁借呗</a></dd>
					<dd><a href="">余额宝</a></dd>
					<dd><a href="">货到付款</a></dd>
				</dl>
				<dl>
					<dt>天猫保障</dt>
					<dd><a href="">发票保障</a></dd>
					<dd><a href="">售后规则</a></dd>
					<dd><a href="">缺货赔付</a></dd>
				</dl>
				
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">免费支付</a></dd>
					<dd><a href="">开通支付宝</a></dd>
					<dd><a href="">支付宝支付</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div class="content">
					<div class="logo"></div>
					<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	    <p>2016 POWERED BY XUNGOU.COM. ALL RIGHTS RESERVED  闽ICP备17001625号-3</p>
				</div>
			</div>
		</div>
	</body>
</html>

